<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String contextPath = request.getContextPath();
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>进校园，找校咖</title>
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="telephone=no" name="format-detection" />
<link href="${path}/v2/siteSkillH5/css/jineng.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${path}/v2/siteSkillH5/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${path}/v2/siteSkillH5/js/swipe.js"></script>
<script type="text/javascript" src="${path}/v2/siteSkillH5/js/zepto.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<link rel="shortcut icon" type="image/x-icon" href="${path}/v2/site2.0/images/titleLogo.ico" media="screen" />
<link rel="stylesheet" type="text/css" href="${path}/v2/site2.0/css/jquery.slideBox.css"/>
<script src="${path}/v2/site2.0/js/jquery-1.7.1.min.js"></script>
<script src="${path}/v2/site2.0/js/jquery.slideBox.js"></script>
<script src="${path}/v2/site2.0/js/index.js"></script>


</head>
	
<body>
<div class="warp">
	<%-- <div class="head clearfloat">
  	  	<img class="logo" src="${path}/v2/siteSkillH5/images/logo01.png" width="636px" height="95px"  alt=""/>
    </div> --%>

    <!--banner start-->
    <div class="banenr" id="banner_box">
    	<ul>
        	<li><a href="#"><img class="dis_block" src="${path}/v2/siteSkillH5/images/banner01.png"></a></li>
            <li><a href="#"><img class="dis_block" src="${path}/v2/siteSkillH5/images/banner02.png"></a></li>
            <li><a href="#"><img class="dis_block" src="${path}/v2/siteSkillH5/images/banner03.png"></a></li>
            <li><a href="#"><img class="dis_block" src="${path}/v2/siteSkillH5/images/banner04.png"></a></li>
        </ul>
    	<ol>
            <script>
                $("ul li").each(function () {
                    document.write('<li class=""></li>')
                });
            </script>
        </ol>
        <script>
			$(function () {
				new Swipe(document.getElementById('banner_box'), {
					speed: 500,
					auto: 3000,
					callback: function () {
						var lis = $(this.element).next("ol").children();
						lis.removeClass("on").eq(this.index + 1).addClass("on");
					}
				});
			});
		</script>
    </div>
    <!--banner end-->
    <!--aboutus 开始-->
    <div class="aboutus">
    	<img src="${path}/v2/siteSkillH5/images/aboutus.png"/>
    </div>
    <!--aboutus 结束-->
    <!--xiaoyuanyewu 开始-->
    <div class="xiaoyuanyewu">
    	<img src="${path}/v2/siteSkillH5/images/xiaoyuanyewu.png"/>
    </div>
    <!--xiaoyuanyewu 结束-->
    <!--hezuo 开始-->
    <div class="hezuo">
    	<img src="${path}/v2/siteSkillH5/images/hezuo.jpg"/>
    </div>
    <!--hezuo 结束-->
    <!--hezuo 开始-->
    <div class="lizi">
    	<img src="${path}/v2/siteSkillH5/images/lizi.jpg"/>
    </div>
    <!--hezuo 结束-->
    <!--tijiao 开始-->
    <div class="tijiao">
		<img src="${path}/v2/siteSkillH5/images/yiyelogo.png"/>
        <ul>
      		<li><span>*&nbsp;&nbsp;</span><input id="userName" name="userName" placeholder="您的姓名" type="text"/></li>
           	<li><span>*&nbsp;&nbsp;</span><input id="phone" name="phone" placeholder="您的联系方式" type="text"/></li>
           	<!-- <li><span>*&nbsp;&nbsp;</span><input id="companyName" name="companyName" placeholder="您的公司" type="text"/></li>
           	<li><span>*&nbsp;&nbsp;</span><input id="positionName" name="positionName" placeholder="您的职位" type="text"/></li> -->
           	<li class="lil"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><textarea id="cooperationNeeds" name="cooperationNeeds" placeholder="您的进校园异业合作需求" style="font-size:12px;"></textarea></li>
        </ul>
        <div id="tijiao_button"><input  onclick="addUserInfo();" type="submit" value="点击提交，开启精彩"></div>   
    </div>
    <!--tijiao 结束-->
</body>
</html>

<script type="text/javascript">
function addUserInfo(){
	var f = false;
	var userName = $("#userName").val();
	var phone = $("#phone").val();
	/* var companyName =  $("#companyName").val();
	var positionName = $("#positionName").val(); */
	var cooperationNeeds = $("#cooperationNeeds").val();
	if(userName.trim()==""){
		$('input[name="userName"]').next('label').remove();
		$('input[name="userName"]').after('<label>姓名不能为空</label>');
		return;
	}else{
		$('input[name="userName"]').next('label').remove();
	}
	if(phone.trim()==""){
		$('input[name="phone"]').next('label').remove();
		$('input[name="phone"]').after('<label>电话不能为空</label>');
		return ;
	}else{
		$('input[name="phone"]').next('label').remove();
	}
	/* if(companyName.trim()==""){
		$('input[name="companyName"]').next('label').remove();
		$('input[name="companyName"]').after('<label>公司名称不能为空</label>');
		return ;
	}else{
		$('input[name="companyName"]').next('label').remove();
	}
	if(positionName.trim()==""){
		$('input[name="positionName"]').next('label').remove();
		$('input[name="positionName"]').after('<label>职位不能为空</label>');
		return ;
	}else{
		$('input[name="positionName"]').next('label').remove();
	} */
	/* if(cooperationNeeds.trim()==""){
		$('input[name="cooperationNeeds"]').next('label').remove();
		$('input[name="cooperationNeeds"]').after('<label>合作需求不能为空</label>');
		return ;
	}else{
		$('input[name="cooperationNeeds"]').next('label').remove();
	} */
	
	$.ajax({
		type : "post",
		url : "${path}/web/checkUser.html",
		dataType : "json",
		data : {userName:userName,phone:phone,cooperationNeeds:cooperationNeeds},
		success : function(data) {
			if(data.checkFlag){
				//存在
				alert("用户已存在！")
			}else{
				$.ajax({
					type : "post",
					url : "${path}/web/addUserIndex.html",
					dataType : "json",
					data : {userName:userName,phone:phone,cooperationNeeds:cooperationNeeds},
					success : function(data) {
						if(data.flag){
							//友好提示-成功
							alert("保存成功!");
						}else{
							//友好提示-失败
							alert("保存失败!");
						}
					}
				});
			}
		}
	});
	
};


//-------------------------------------分享
var baseP = "<%=basePath%>";
		    function toShare() {
		        //获取当前浏览器url全路径,如: http://zhoubang85.com/chooseWXPay.jsp
		        var client = window.location.href;
		        var rPath='<%=contextPath%>/web/getJSConfig.html';
				//请求后台，获取jssdk支付所需的参数
				$.ajax({
					type : 'post',
					url : rPath,
					dataType : 'json',
					data : {
						"clientUrl" : client
					//当前页面所在的浏览器URL全路径,由于该支付为jssdk支付，所以需要url地址.参与后台sign签名
					},
					cache : false,
					error : function() {
						alert("系统错误，请稍后重试");
						return false;
					},
					success : function(data) {
						//微信支付功能只有微信客户端版本大于等于5.0的才能调用
						var return_date = eval(data);
						if (parseInt(data[0].agent) < 5) {
							alert("您的微信版本低于5.0无法使用微信支付");
							return;
						}
						//JSSDK支付所需的配置参数，首先会检查signature是否合法。
						wx.config({
							debug : !true, //开启debug模式，测试的时候会有alert提示
							appId : return_date[0].appId, //公众平台中-开发者中心-appid
							timestamp : return_date[0].config_timestamp, //时间戳
							nonceStr : return_date[0].config_nonceStr, //随机字符串,不长于32位
							signature : return_date[0].config_sign, //这里的signature是后台使用SHA1签名算法得出，不是MD5，与下面的wx.chooseWXPay中的paySign不同，下面的paySign是后台使用MD5加密得出
							jsApiList : [ 'onMenuShareAppMessage','onMenuShareTimeline' ]
						});
		
						//上方的config检测通过后，会执行ready方法
						wx.ready(function() {
							
							wx.onMenuShareAppMessage({
							    title: "进校1园，找校咖", // 分享标题
							    desc: "校咖是国内最具活力的校园技能共享平台。通过充分挖掘校园资源，整合社会的异业资源，搭建链接校园人才及企业商家的资源技能整合平台。实现校园技能、社团资源的有效变现和企业更高效低成本地进行校园推广的双赢。", // 分享描述
							    link: client, // 分享链接
							    imgUrl: 'http://static.xiaoka360.com/uniformStaticResourceService/upload/image/banner/20161205190048039901aboutus.png', // 分享图标
							    type: '', // 分享类型,music、video或link，不填默认为link
							    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
							    success: function () { 
							        // 用户确认分享后执行的回调函数
							    },
							    cancel: function () { 
							        // 用户取消分享后执行的回调函数
							    }
							});
							wx.onMenuShareTimeline({
							    title: "进1校园，找校咖", // 分享标题
							    desc: "校咖是国内最具活力的校园技能共享平台。通过充分挖掘校园资源，整合社会的异业资源，搭建链接校园人才及企业商家的资源技能整合平台。实现校园技能、社团资源的有效变现和企业更高效低成本地进行校园推广的双赢。", // 分享描述
							    link: client, // 分享链接
							    imgUrl: 'http://static.xiaoka360.com/uniformStaticResourceService/upload/image/banner/20161205190048039901aboutus.png', // 分享图标
							    type: '', // 分享类型,music、video或link，不填默认为link
							    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
							    success: function () { 
							        // 用户确认分享后执行的回调函数
							    },
							    cancel: function () { 
							        // 用户取消分享后执行的回调函数
							    }
							});
		
		
						});
						wx.error(function(res) {
							//alert(res.errMsg);
						});
					}
				});
			}
		    window.onload = toShare();
//-------------------------------------分享


</script>
